{% extends "template_base.html" %}
{% block title %}DeepyWeb - Choose your query!{% endblock %}
{% block script %}
    <script>
        $(function () {
            var text = document.getElementById("my_alert").textContent;
            if (text != '') {
                alert(text);
            }
        });

    </script>
{% endblock %}
{% block navbar %}
      <nav id="navbar" class="navbar">
        <ul>
          <!--<li><a class="nav-link scrollto active " href="#header">Home</a></li>-->
          <li><a class="nav-link scrollto" href="#about">关于我们</a></li>
          <li><a class="nav-link scrollto" href="#services">模 型</a></li>
          <li><a class="nav-link scrollto" href="#query">查询结果</a></li>
          <li><a class="nav-link scrollto" href="#team">团 队</a></li>
          <li><a class="nav-link scrollto" href="#contact">联系我们</a></li>
          {% if not logged %}
            <li><a class="getstarted scrollto" href="logout">登 录</a></li>
          {% endif %}
          {% if logged %}
            <li><a class="getstarted scrollto" href="logout">登 出</a></li>
          {% endif %}

        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav><!-- .navbar -->
{% endblock %}

{% block main %}
<main id="main">
  <span id="my_alert" style="display:none;">{{my_alert}}</span>
      <!-- ======= Breadcrumbs ======= -->
    <section class="breadcrumbs">
        <div class="container">
            <ol>
                <li><a href="welcome">Home Page</a></li>
                <li>Select</li>
            </ol>
            <h2>Select</h2>
        </div>
    </section>
    <!-- End Breadcrumbs -->
    <!-- ======= Services Section ======= -->
    <section id="services" class="services">

      <div class="container" data-aos="fade-up">

        <header class="section-header">
          <h2>CHOOSE YOUR MODEL HERE</h2>
            <p>模&nbsp;型</p>
            <p></p>
          <h3>您可以选择使用以下机器学习模型</h3>
        </header>

        <div class="row gy-4">
          <div class="col-lg-2 col-md-6" data-aos="fade-up" data-aos-delay="200">

          </div>

          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
            <div class="service-box blue">
                <img src="/static/assets/img/models/regression.png" class="img-fluid" alt="" width="80" height="80">
              <h3> </h3>
                <h3>线性回归</h3>
              <p>Linear Regression</p>
              <a href="new_task/LinearRegression" class="read-more"><span>点此进入</span> <i class="bi bi-arrow-right"></i></a>
            </div>
          </div>

          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
            <div class="service-box orange">
                <img src="/static/assets/img/models/forest.png" class="img-fluid" alt="" width="80" height="80">
              <h3>随机森林</h3>
              <p>Random Forest</p>
              <a href="new_task/RandomForest" class="read-more"><span>点此进入</span> <i class="bi bi-arrow-right"></i></a>
            </div>
          </div>
        </div>

      </div>

    </section><!-- End Services Section -->
</main>
{% endblock %}